<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/wc.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>

        <div class="main">
            <div class="main_inner" >
                <!--begin panel-->
                <div class="panel">
                    <!--begin header-->
                    <div class="header">
                        <div class="avatar">
                            <img class="img" src="" alt="" >
                        </div>
                        <div class="info">
                            <h3 class="nickname">
                                <span class="display_name ng-binding">忧郁de星辰</span>
                                <a class="opt" href="javascript:;" ><i class="web_wechat_add"></i></a>
                            </h3>
                        </div>
                    </div>
                    <!--end header-->

                    <!--begin search-->
                    <div class="search_bar" id="search_bar">
                        <i class="web_wechat_search"></i>
                        <input class="frm_search ng-isolate-scope ng-pristine ng-valid" type="text" placeholder="搜索">
                    </div>
                    <!--end search-->

                    <!--begin tab-->
                    <div class="tab" ng-class="{no_reader: !isShowReader}">
                        <div class="tab_item">
                            <a class="chat" title="聊天" href="#"><i class="web_wechat_tab_chat web_wechat_tab_chat_hl" ></i></a>
                        </div>
                        <div class="tab_item ng-scope" >
                            <a class="chat" title="阅读" href="#"><i class="web_wechat_tab_public" ></i></a>
                        </div>
                        <div class="tab_item no_extra">
                            <a class="chat" title="通讯录" href="#"><i class="web_wechat_tab_friends"></i></a>
                        </div>
                    </div>
                    <!--end tab-->

                    <!--begin nav view-->
                    <!-- uiView: navView -->
                    <div  id="navView" class="ng-scope"></div>

                    <div class="nav_view ng-scope"  style="visibility: visible; width: auto;">
                        <!--begin chat list-->
                        <div class="scroll-wrapper chat_list scrollbar-dynamic" style="position: relative;">
                            <div class="chat_list scrollbar-dynamic scroll-content" id="J_NavChatScrollBody" data-username="" style="margin-bottom: 0px; margin-right: 0px; height: 446px;">
                                <p class="ico_loading ng-hide">
                                    <img src="" alt="">正在获取最近的聊天...
                                </p>
                                <div  data-height="64" data-buffer-height="200" class="ng-scope">
                                    <div class="top-placeholder ng-scope" style="height: 0px;"></div>
                                    <div class="ng-scope">
                                        <!-- ngIf: !chatContact.isShieldUser() -->
                                        <div class="chat_item slide-left ng-scope"   >
                                            <div class="ext">
                                                <p class="attr ng-binding"></p>
                                            </div>
                                            <div class="avatar">
                                                <img class="img" src="" alt="">
                                            </div>
                                            <div class="info">
                                                <h3 class="nickname">
                                                    <span class="nickname_text ng-binding" >文件传输助手</span>
                                                </h3>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ng-scope">
                                        <div class="chat_item slide-left ng-scope" >

                                            <div class="ext">
                                                <p class="attr ng-binding"></p>
                                            </div>

                                            <div class="avatar">
                                                <img class="img" src=""  alt="">
                                            </div>

                                            <div class="info">
                                                <h3 class="nickname">
                                                    <span class="nickname_text ng-binding" >烙灵</span>
                                                </h3>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="bottom-placeholder ng-scope" style="height: 0px;">
                                    </div>
                                </div>
                            </div>
                            <div class="scroll-element scroll-x">
                                <div class="scroll-element_corner"></div>
                                <div class="scroll-arrow scroll-arrow_less">

                                </div><div class="scroll-arrow scroll-arrow_more">

                                </div><div class="scroll-element_outer">    
                                    <div class="scroll-element_size"></div>    
                                    <div class="scroll-element_inner-wrapper">        
                                        <div class="scroll-element_inner scroll-element_track">           
                                            <div class="scroll-element_inner-bottom"></div>       
                                        </div>    
                                    </div>    
                                    <div class="scroll-bar" style="width: 96px;">        
                                        <div class="scroll-bar_body">           
                                            <div class="scroll-bar_body-inner"></div>      
                                        </div>        
                                        <div class="scroll-bar_bottom"></div>      
                                        <div class="scroll-bar_center"></div>   
                                    </div></div></div><div class="scroll-element scroll-y">
                                <div class="scroll-element_corner"></div>
                                <div class="scroll-arrow scroll-arrow_less"></div>
                                <div class="scroll-arrow scroll-arrow_more"></div>
                                <div class="scroll-element_outer">    
                                    <div class="scroll-element_size">
                                    </div>   
                                    <div class="scroll-element_inner-wrapper">        
                                        <div class="scroll-element_inner scroll-element_track">          
                                            <div class="scroll-element_inner-bottom">
                                            </div>        
                                        </div>   
                                    </div>    
                                    <div class="scroll-bar" style="height: 96px;">        
                                        <div class="scroll-bar_body">            
                                            <div class="scroll-bar_body-inner">
                                            </div>        
                                        </div>        
                                        <div class="scroll-bar_bottom">
                                        </div>       
                                        <div class="scroll-bar_center">
                                        </div>    
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--end chat list-->
                    </div>
                    <div class="nav_view ng-scope"  style="visibility: hidden; width: 0px;">
                        <!--begin contact list-->
                        <div class="scroll-wrapper J_ContactScrollBody scrollbar-dynamic contact_list ng-isolate-scope" style="position: relative;">
                            <div  class="J_ContactScrollBody scrollbar-dynamic contact_list ng-isolate-scope scroll-content scroll-scrollx_visible" id="navContact"   style="margin-bottom: 0px; margin-right: 0px; height: 446px;">
                                <!--begin star contact list-->
                                <div  data-buffer-height="100" class="ng-scope"><div  class="top-placeholder ng-scope" style="height: 0px;"></div><!-- ngRepeat: item in allContacts --><div ng-repeat="item in allContacts" class="ng-scope">
                                        <!-- ngIf: item.type=="header" --><h4  class="contact_title ng-binding ng-scope">L</h4><!-- end ngIf: item.type=="header" -->
                                        <!-- ngIf: item.type!="header" -->
                                    </div><!-- end ngRepeat: item in allContacts --><div  class="ng-scope">
                                        <!-- ngIf: item.type=="header" -->
                                        <!-- ngIf: item.type!="header" --><div   data-user="item"   class="ng-isolate-scope">
                                            <!-- ngIf: showOrderSymbol&&user.MMC -->
                                            <div class="contact_item " >
                                                <div class="avatar">
                                                    <img class="img lazy" src=""  alt="">
                                                </div>
                                                <div class="info">
                                                    <h4 class="nickname ng-binding" >烙灵</h4>
                                                </div>
                                            </div>
                                        </div><!-- end ngIf: item.type!="header" -->
                                    </div><!-- end ngRepeat: item in allContacts --><div class="ng-scope">
                                        <!-- ngIf: item.type=="header" --><h4  class="contact_title ng-binding ng-scope">Q</h4><!-- end ngIf: item.type=="header" -->
                                        <!-- ngIf: item.type!="header" -->
                                    </div><!-- end ngRepeat: item in allContacts --><div  class="ng-scope">
                                        <!-- ngIf: item.type=="header" -->
                                        <!-- ngIf: item.type!="header" --><div   data-user="item"   class="ng-isolate-scope">
                                            <!-- ngIf: showOrderSymbol&&user.MMC -->
                                            <div class="contact_item " >
                                                <div class="avatar">
                                                    <img class="img lazy" src=""  alt="">
                                                </div>
                                                <div class="info">
                                                    <h4 class="nickname ng-binding" ng-bind-html="user.getDisplayName()">秦意琳</h4>
                                                </div>
                                            </div>
                                        </div><!-- end ngIf: item.type!="header" -->
                                    </div><!-- end ngRepeat: item in allContacts --><div ng-style="{height:bottomHeight}" class="bottom-placeholder ng-scope" style="height: 0px;"></div></div>
                            </div><div class="scroll-element scroll-x scroll-scrollx_visible"><div class="scroll-element_corner"></div><div class="scroll-arrow scroll-arrow_less"></div><div class="scroll-arrow scroll-arrow_more"></div><div class="scroll-element_outer">    <div class="scroll-element_size"></div>    <div class="scroll-element_inner-wrapper">        <div class="scroll-element_inner scroll-element_track">            <div class="scroll-element_inner-bottom"></div>        </div>    </div>    <div class="scroll-bar" style="width: 0px; left: 0px;">        <div class="scroll-bar_body">            <div class="scroll-bar_body-inner"></div>        </div>        <div class="scroll-bar_bottom"></div>        <div class="scroll-bar_center"></div>    </div></div></div><div class="scroll-element scroll-y scroll-scrollx_visible"><div class="scroll-element_corner"></div><div class="scroll-arrow scroll-arrow_less"></div><div class="scroll-arrow scroll-arrow_more"></div><div class="scroll-element_outer">    <div class="scroll-element_size"></div>    <div class="scroll-element_inner-wrapper">        <div class="scroll-element_inner scroll-element_track">            <div class="scroll-element_inner-bottom"></div>        </div>    </div>    <div class="scroll-bar" style="height: 89px;">        <div class="scroll-bar_body">            <div class="scroll-bar_body-inner"></div>        </div>        <div class="scroll-bar_bottom"></div>        <div class="scroll-bar_center"></div>    </div></div></div></div>
                        <!--end contact list-->
                    </div>
                    <div class="nav_view ng-scope"   style="visibility: hidden; width: 0px;">
                        <!--begin chat list-->
                        <div class="scroll-wrapper read_list scrollbar-dynamic" style="position: relative;">
                            <div  class="read_list scrollbar-dynamic scroll-content scroll-scrollx_visible" id="J_NavReadScrollBody" style="margin-bottom: 0px; margin-right: 0px; height: 446px;">

                                <p class="ico_loading ng-hide"><img src="" alt="">加载中...</p>
                                <p class="ico_loading" >暂无文章...</p>
                                <div   class="ng-scope"><div  class="top-placeholder ng-scope" style="height: 0px;"></div><!-- ngRepeat: readItem in articleList --><div ng-style="{height:bottomHeight}" class="bottom-placeholder ng-scope" style="height: 0px;"></div></div>
                            </div><div class="scroll-element scroll-x scroll-scrollx_visible"><div class="scroll-element_corner"></div><div class="scroll-arrow scroll-arrow_less"></div><div class="scroll-arrow scroll-arrow_more"></div><div class="scroll-element_outer">    <div class="scroll-element_size"></div>    <div class="scroll-element_inner-wrapper">        <div class="scroll-element_inner scroll-element_track">            <div class="scroll-element_inner-bottom"></div>        </div>    </div>    <div class="scroll-bar" style="width: 0px; left: 0px;">        <div class="scroll-bar_body">            <div class="scroll-bar_body-inner"></div>        </div>        <div class="scroll-bar_bottom"></div>        <div class="scroll-bar_center"></div>    </div></div></div><div class="scroll-element scroll-y scroll-scrollx_visible"><div class="scroll-element_corner"></div><div class="scroll-arrow scroll-arrow_less"></div><div class="scroll-arrow scroll-arrow_more"></div><div class="scroll-element_outer">    <div class="scroll-element_size"></div>    <div class="scroll-element_inner-wrapper">        <div class="scroll-element_inner scroll-element_track">            <div class="scroll-element_inner-bottom"></div>        </div>    </div>    <div class="scroll-bar" style="height: 89px;">        <div class="scroll-bar_body">            <div class="scroll-bar_body-inner"></div>        </div>        <div class="scroll-bar_bottom"></div>        <div class="scroll-bar_center"></div>    </div></div></div></div>
                        <!--end chat list-->
                    </div>

                    <!--</div>-->
                    <!--end nav view-->
                </div>
                <!--end panel-->

                <!--begin chat-->
                <!-- uiView: contentView --><div  style="height:100%;" class="ng-scope">
                    <div id="chatArea" class="box chat ng-scope no-choose">

                        <!--begin HD-->
                        <div class="box_hd">
                            <!--<a class="ext web_wechat_addfriend" href="javascript:;" ng-click="showChatRoomMembers($event)" ng-show="currentContact.isRoomContact()" title="成员"></a>-->
                            <!--<a class="ext web_wechat_addfriend" href="javascript:;" ng-click="showProfile($event)" ng-show="!currentContact.isRoomContact()" title="Profile"></a>-->
                            <div id="chatRoomMembersWrap"></div>
                            <div class="title_wrap">
                                <div class="title poi" >
                                    <a class="title_name ng-binding" data-username="" ></a>
                                    <!-- ngIf: currentContact.MemberList.length -->
                                    <i class="web_wechat_down_icon ng-hide" ></i>
                                </div>
                            </div>

                        </div>
                        <!--end HD-->

                        <!-- ngIf: unreadMessageCount>10&&!bottomUnreadCount -->
                        <!-- ngIf: bottomUnreadCount -->

                        <!--begin BD-->
                        <div class="scroll-wrapper box_bd chat_bd scrollbar-dynamic" style="position: absolute;">
                            <div class="box_bd chat_bd scrollbar-dynamic scroll-content" style="margin-bottom: 0px; margin-right: 0px; height: 369px;">




                                <div data-buffer-height="300"  class="ng-scope">
                                    <div  class="top-placeholder ng-scope" style="height: 0px;"></div><!-- ngRepeat: message in chatContent -->
                                    <div class="bottom-placeholder ng-scope" style="height: 0px;"></div>

                                </div>

                                <!--<div message-directive
                                     ng-repeat="message in chatContent track by message.MsgId"
                                     class="clearfix"
                                     ng-class="{'slide-top':messagesAnimate}"
                                     ></div>
                                -->     <div id="prerender" style="
                                             visibility: hidden;
                                             position: absolute;
                                             width: 100%;
                                             top: 333px;
                                             height: 0;
                                             padding: 0 19px;
                                             box-sizing: border-box;
                                             margin-left: -19px;
                                             overflow: hidden;
                                             ">

                                </div>
                                <!-- ngIf: chatContent.length < 1 -->
                                <div  class="message_empty ng-scope">
                                    <i class="web_wechat_nomes_icon" ></i>
                                    <p class="ng-hide">暂时没有新消息</p>
                                    <p class="">未选择聊天</p>
                                </div><!-- end ngIf: chatContent.length < 1 -->
                            </div>
                            <div class="scroll-element scroll-x">
                                <div class="scroll-element_corner"></div>
                                <div class="scroll-arrow scroll-arrow_less">

                                </div><div class="scroll-arrow scroll-arrow_more">

                                </div><div class="scroll-element_outer">    
                                    <div class="scroll-element_size"></div>    
                                    <div class="scroll-element_inner-wrapper">        
                                        <div class="scroll-element_inner scroll-element_track">           
                                            <div class="scroll-element_inner-bottom"></div>       
                                        </div>    
                                    </div>    
                                    <div class="scroll-bar" style="width: 96px;">        
                                        <div class="scroll-bar_body">            
                                            <div class="scroll-bar_body-inner"></div>       
                                        </div>        
                                        <div class="scroll-bar_bottom"></div>       
                                        <div class="scroll-bar_center"></div>    
                                    </div>

                                </div>

                            </div>
                            <div class="scroll-element scroll-y">
                                <div class="scroll-element_corner">

                                </div>
                                <div class="scroll-arrow scroll-arrow_less">

                                </div>
                                <div class="scroll-arrow scroll-arrow_more"></div>
                                <div class="scroll-element_outer">    
                                    <div class="scroll-element_size"></div>    
                                    <div class="scroll-element_inner-wrapper">        
                                        <div class="scroll-element_inner scroll-element_track">            
                                            <div class="scroll-element_inner-bottom"></div>        
                                        </div>    
                                    </div>   
                                    <div class="scroll-bar" style="height: 96px;">        
                                        <div class="scroll-bar_body">            
                                            <div class="scroll-bar_body-inner"></div>     
                                        </div>        
                                        <div class="scroll-bar_bottom"></div>       
                                        <div class="scroll-bar_center"></div>   
                                    </div>

                                </div>

                            </div>

                        </div>
                        <!--end BD-->
                        <!--begin FT-->
                        <div class="box_ft ng-scope ng-hide" >
                            <div class="toolbar" id="tool_bar">
                                <a class="web_wechat_face" href="javascript:;" title="表情"></a>
                                <a class="web_wechat_screencut ng-isolate-scope"  href="javascript:;" title="截屏"></a>
                                <a class="web_wechat_pic js_fileupload ng-isolate-scope webuploader-container"  title="图片和文件">
                                    <div class="webuploader-pick"></div>
                                    <div id="rt_rt_1c39vaq8v1jb81kac8rs1qeldfe1" style="position: absolute; top: 0px; left: 0px; width: 30px; height: 30px; overflow: hidden; bottom: auto; right: auto;">
                                        <input type="file" name="file" class="webuploader-element-invisible" >
                                        <label style="opacity:0;width:100%;height:100%;display:block;cursor:pointer;background:rgb(255, 255, 255);"></label>
                                    </div>
                                </a>
                            </div>
                            <div class="content ng-isolate-scope" >
                                <pre id="editArea" contenteditable-directive="" mm-paste="" class="flex edit_area ng-isolate-scope ng-pristine ng-valid" contenteditable="true" ng-blur="editAreaBlur($event)" ng-model="editAreaCtn" ng-click="editAreaClick($event)" ng-keyup="editAreaKeyup($event)" ng-keydown="editAreaKeydown($event)"></pre>
                                <span class="caret_pos_helper" id="caretPosHelper"></span>
                            </div>

                            <div class="action">
                                <span class="desc ng-scope">按下Ctrl+Enter换行</span>
                                <a class="btn btn_send" href="javascript:;" ng-click="sendTextMessage()">发送</a>
                            </div>
                        </div>
                        <!--end FT-->

                        <div id="J_CatchDrop" class="catch-drop-area"></div>
                    </div>
                </div>
                <!--end chat-->

                <!--begin contextMenu-->
                <div id="contextMenu" class="dropdown contextMenu open ng-isolate-scope ng-hide" >
                    <ul class="dropdown_menu">
                        <!-- ngRepeat: item in contextMenuList -->
                    </ul>
                </div>
                <!--end contextMenu-->
            </div>
            <p class="copyright">
                <span>© 1998 - 2018 Tencent Inc. All Rights Reserved</span>
                <span class="sep"></span>
                <a href="https://login.weixin.qq.com/faq_webwx?lang=zh_CN" target="_blank">帮助</a>
            </p>
        </div>
    </body>
</html>
